<template>
	<view class="out">
	
		<!-- 内容 -->
		<view class="container">
			<view class="pay_list">
			<!-- 列表 -->
				<view  v-for="(item,index) in mylist" :key="index" @click="listLink(index)">
					<view class="my-list bgdfff" style="border-bottom:1px solid #eee">
						<view class="left">
							<!-- <image :src="item.img" class="left-icon" mode="widthFix"></image> -->
							<view class="font34">{{item.title}}</view>
						</view>
						<view class="font32">未绑定<uni-icon type="arrowright" size="24" color="#cdcdce"></uni-icon></view>
					</view>
				</view>
			</view>

		</view>
			
	</view>
		
		
		
	</view>
</template>

<script>
	import uniIcon from '../../components/uni-icon/uni-icon.vue'
	export default {
		data() {
			return {
				mylist:[
					{
						img:"../../static/equity_img/ali.png",
						title:"支付宝",
						url:"./pay_type/alipay"
					},
					{
						img:"../../static/equity_img/ali.png",
						title:"微信",
						url:"./pay_type/weixin"
					},
					{
						img:"../../static/equity_img/ali.png",
						title:"银行卡",
						url:"./pay_type/card"
					},
				]
			};
		},
		onLoad() {
			
			
		},
		components:{
			uniIcon
		},
		methods:{
			reback(){
				uni.switchTab({
					url:'../taBar/my/my'
				})
			},
			listLink(index){
				uni.navigateTo({
					url:this.mylist[index].url
				})
			},
			
		}
	}
</script>

<style lang="less">
	
	// 列表
	.my-list{
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 20upx 15upx 20upx 25upx;
		image{
			width: 50upx;
			height: 50upx;
		}
		.left{
			display: flex;
			view{
				margin: 0 25upx;
			}
		}
	}
	.pay_list{
		
	}
	.combodychild{
		overflow: hidden;
	}
</style>
